<template>
	<view class="xcxctrytytuu">

	</view>
	<view class="njjnxcfesrttt">

	</view>
	<view class="pr" :currentTime="currentTime">
		<view class="pt40 pm20 pd dfdxcxztrtrt fz28">
			<view class="vertical-center cen jxcxztrty" @tap="xcxzfdfdf(0)" :class="indexdfdr==0?'act':''">
				<view class="">
					日常任务
				</view>
			</view>
			<view class="vertical-center cen jxcxztrty" @tap="xcxzfdfdf(1)" :class="indexdfdr==1?'act':''">
				<view class="">
					潜意识
					<view class="fz22">
						通关任务
					</view>
				</view>
			</view>
			<view class="vertical-center cen jxcxztrty" @tap="xcxzfdfdf(2)" :class="indexdfdr==2?'act':''">
				<view class="">
					团战
					<view class="fz22">
						副本任务
					</view>
				</view>
			</view>
			<view class="vertical-center cen jxcxztrty" @tap="xcxzfdfdf(3)" :class="indexdfdr==3?'act':''">
				<view class="">
					阶梯任务
				</view>
			</view>
		</view>

		<view class="pd dfdsfsxcrty">
			<template v-if="indexdfdr!=3">
				<view class="kkxcxzcrttye pl30 pr30 pt20 pm20 mb20" v-for="(sd,idx) in jxcxfty">
					<view class="ls fz24 display-flex pr fsdfdstxer">
						<view class="flex-1">
							<text v-if="sd.iswanc==3" class="z9 ">任务超时</text>
							<text v-else-if="sd.iswanc==2">已完成</text>
							<text v-else class="xczxcfxcgtyty">{{jmxczfd(sd)}}</text>
						</view>
						<view class="pr">
							<view class="xcxcretrty" :class="(sd.iswanc==2||sd.iswanc==3)?'jz':''" @tap="jxcxzfd(sd)">

							</view>
							<view class="jz">
								<switch color="#e0e0e0" :checked="(sd.iswanc==2||sd.iswanc==3)?true:false"
									class="xccxcdftyrt" />
							</view>
						</view>
					</view>
					<view class="fz30 mt10">
						{{sd.title}}
					</view>
					<view class="mt10 fz22 z9 display-flex">
						<view class=" flex-1 vertical-center tl">
							<view class="">
								<text class="kxcxrtrtxrt"></text>
								{{sd.addTime}}
							</view>
						</view>
						<view class="display-flex">

							<view class="pl20 fz30 pr vertical-center">
								<text class="iconfont icon-a-Vector3 z9 "></text>
								<button :id="sd.id" :data-title="sd.title" type="default" open-type="share"
									class="xccxertrtyyy"></button>
							</view>
							<text v-if="sd.iswanc!=2&&sd.iswanc!=3" class="iconfont icon-a-Vector4 z9 pl30 fz30"
								@tap="hf('addnz?id='+sd.id)"></text>
							<text class="iconfont icon-shanchu z9 pl30 fz32" @tap="deksdftr(idx,sd.id)"></text>
						</view>
					
					</view>
				</view>
				<view class="vertical-center" v-if="jxcxfty.length<=0&&jxcfdf">
					<view class="cen mt100">
						<image src="../../static/noData.png" mode="widthFix" class="xcxzctretcty"></image>
						<view class="mt20 cen cf fz24">
							暂无数据！
						</view>
					</view>
				</view>
			<!-- 	<view v-if="indexdfdr!=3" class="cvxcvgytryrcv vertical-center"
					@tap="hf('xingjiarw?renwulx='+(indexdfdr+1))">
					<text class="iconfont icon-a-zu9 ls cz fz40"></text>
				</view> -->
				<view class="tr cf fz24 mt20" @tap="qingshertwe">
					点击清除缓存
				</view>
			</template>
			<template v-if="indexdfdr==3">
				<view class="kkxcxzcrttye pl30 pr30 pt20 pm20 mb20" @tap="hf('jieduanxq?id='+sd.id+'&title='+sd.label)"
					v-for="(sd,idx) in jxczsdf">
					<view class="ls fz24 display-flex pr">
						<view class="flex-1">
							<!-- <text class="xczxcfxcgtyty">3时43分8秒</text> -->
							<text class="fz32 ">解决痛点: {{sd.label}}</text>
						</view>

						<view class="pr" v-if="sd.renwuwc">
							已全部完成
						</view>
						<view class="pr" v-else>
							<view class="xcxcretrty" v-if="!sd.dqjd" @tap.stop="jxcxzfdxert(sd)">

							</view>
							<view class="jz">
								<switch :checked="sd.dqjd" color="#e0e0e0" class="xccxcdftyrt" />
							</view>
						</view>
					</view>
					<view class="z9 fz24 tr mt20" v-if="!sd.renwuwc&&sd.dqjd">
						当日任务已完成，请明日完成以下任务
					</view>
					<view class="fz30 mt10 display-flex">
						<view class="flex-1">

							<view class="fz24 z9 tlddq mt10">
								<text>{{sd.zrwtext}}</text>
							</view>
							<view class="display-flex z9 fz24 mt10">
								<view class="flex-1">
									当前完成阶段:<text class="z3">{{sd.wcshukl}}</text>
								</view>
								<view class="">
									共:<text class="z3">{{sd.zongts}}</text> 阶段
								</view>
							</view>
						</view>
						<view class="vertical-center ml20">
							<text class="iconfont icon-right fz40"></text>
						</view>
					</view>
					<view class="mt10 fz22 z9 display-flex">
						<view class=" flex-1 vertical-center tl">
							<view class="">
								<text class="kxcxrtrtxrt"></text>
								{{sd.addTime}}
							</view>
						</view>
						<view class="display-flex">
							<text class="iconfont icon-shanchu z9 pl30 fz32" @tap.stop="xcjsadare(sd,idx)"></text>
						</view>
					</view>
				</view>
			</template>
		</view>
	</view>
	<view class="xzczxcretrec" @tap="hf('xingjiarw?renwulx='+(indexdfdr+1))" v-if="indexdfdr!=3">
		<view class="vertical-center">
			<view class=" vertical-center dfxcvxvxretrt">
				<text class="iconfont icon-a-zu9 ls cz fz40 ls"></text>
			</view>
		</view>
		<view class="cen fz24 mt10 cf">
			新建任务
		</view>
	</view>
	<view class="jjnxcxdtycx pl40 pr40 display-flex">
		<view class="vertical-bottom" @tap="hf('renwujs')">
			<view class="">
				<view class="kmxcxtrxcfyu vertical-center">
					<text class="iconfont icon-pengyouquan z3 fz50 z3"></text>
				</view>
				<view class="fz24 cf cen mt10">
					任务集市
				</view>
			</view>
		</view>
		<view class="flex-1 vertical-center">
			<!-- 	@touchend="" -->
			<view class="" @touchstart="kmcxdfr" @touchend="xcxtrtedf">
				<view class="kmxcxtrxcfyu vertical-center ab" :class="kxcdfrt?'act':''">
					<text class="iconfont icon-shiwu-maikefeng ls fz80 "></text>
				</view>
				<view class="fz24 cf  cen mt10">
					长按：任务输入
				</view>
			</view>
		</view>

		<view class="vertical-bottom" @tap="hf('paiming')">
			<view class="">
				<view class="kmxcxtrxcfyu vertical-center">
					<text class="iconfont icon-paihangbang_paiming z3 fz60 z3"></text>
				</view>
				<view class="fz24 cf cen mt10">
					排名&积分
				</view>
			</view>
		</view>
	</view>

	<view class="kxczxcrtzxdrt vertical-center" v-if="kxcdfrt">
		<view class="xcxzctexcrtyy">
			<view class="cen cf fz32 mt100" v-if="!jxcxfet">
				正在倾听...
			</view>
			<view class="cf pd pt20 cf fz30" v-else>
				{{jxcxfet}}
			</view>


			<view class="xzczrtrryty">

			</view>
		</view>
	</view>

	<view class="kxzczxctrtxr vertical-center" :class="[xcxzryrter?'':'act',jxcfdf?'xcxdfrtrt':'']">
		<view class="">
			<view class="cxcxxrtyxert pr">
				<image src="../../static/xzczxdff1.png" mode="widthFix" class="xcxzcxcrtzxewr"></image>
				<view class="xcxtryydsrft">
					<image src="../../static/xzczxdff2.png" class="w100 h100 pr"></image>
					<image src="../../static/cxzcxdfdf.png" class="w100 h100 pr xcxzcfftreyrt"></image>
					<view class="cctrrxcfeyy vertical-center cen" :animation="animationDataer">
						<view class="">
							<view class="fz28 cem">
								任务社群
							</view>
							<image :src="jcxcdf.ddsfsc" class="xcxcrtxzrt"></image>
						</view>
					</view>
				</view>
				<view class="kxcxrtyryxfty pl40 pt40 pr40" :animation="animationData">
					<view class="fz32 z3">
						亲爱的，
					</view>
					<view class="fz24 z3 tlddq dxcdrf mt10">
						{{jcxcdf.ddsfsa}}
					</view>
					<view class="xcxztrxcrt fz24 mt20">
						{{jcxcdf.ddsfsb}}
					</view>
				</view>

				<view class="xcxzcrtrexrt">

				</view>

			</view>
			<view class="mt60 vertical-bottom">
				<view @tap="jxxff" class="vertical-center dfdcxcgdf cf" :animation="animationDataer">
					开启
				</view>
			</view>
		</view>
	</view>

	<view class="xcxzcrtexcty vertical-bottom" v-if="ismxcx">
		<view class="lxczxrtrxfdty pd pt20">
			<view class="display-flex">
				<view class="flex-1 z9 fz32" @tap="xcjcxdtry">
					不再提示
				</view>
				<view class="">
					<text class="iconfont icon-guanbi z9 fz32" @tap="ismxcx=false"></text>
				</view>
			</view>
			<view class="fz40 cen mt40">
				提醒闹钟小程序依托于
				<view class="mt10">
					“提醒闹钟”公众号发送微信提醒
				</view>
			</view>
			<view class="cen mt40 pm40">
				<image :src="gzhqc" show-menu-by-longpress class="xczxctrtexctt"></image>
				<view class="fz32 ls mt20">
					请您长按识别关注
				</view>
				<view class="fz32 mt10 pm40">
					仅用于接收通知
				</view>
			</view>
		</view>
	</view>
	<huosan @close='closefun' v-if="kxzcdfds"></huosan>
	<!-- <button type="default" class="ddcxretrt" @tap="fsdfdsft">测试用分配按钮 </button> -->
</template>
<script lang="ts" setup>
	import { onLoad, onShareAppMessage, onShow, onPullDownRefresh } from "@dcloudio/uni-app"
	import { ref, computed } from "vue"
	import { hf, dxrequest, callBack, dxrequestqz, jmxczfd, transferTimeYMDHm, setCacheData, getCacheData } from "@/util/index.js"
	import { store } from "@/store/index.js"
	import { wxlogin } from "@/util/dxwchar.js"
	import huosan from "@/components/huosan.vue"

	let plugin = requirePlugin("QCloudAIVoice");
	const xcxzryrter = ref(false)
	const kxzcdfds = ref(false)
	const innerAudioContext = uni.createInnerAudioContext();
	innerAudioContext.src = "https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/yx/yuyue/kaijiang2.mp3";
	const animationData = ref()
	const animationDataer = ref()
	const ismxcx = ref(false)
	const jxcfdf = ref()
	const jcxcdf = ref(null)
	const jkxczxdfr = ref({})
	const gzhqc = ref(uni.getStorageSync("gzhqc"))
	const jxczsdf = ref([])
	const isdjjsd = async () => {
		const { data } = await dxrequest('maya/api/hjjsddf')
		if (data == 0) {
			kxzcdfds.value = true
		}
	}
	const addJifesd = async()=>{
		 await dxrequest('maya/api/addjfensd')
	}
	let iscftt = getCacheData("renwu")


	var animation = uni.createAnimation({
		timingFunction: "linear",
		duration: 3000
	})
	var animationer = uni.createAnimation({
		timingFunction: "linear",
		delay: 3000,
		duration: 500
	})

	const jxcxfty = ref([])
	let speechRecognizerManager = plugin.speechRecognizerManager();
	const jxcxfet = ref()

	const currentTime = computed(() => {
		return store.state.currentTime;
	});

	const indexdfdr = ref(0)
	const kxcdfrt = ref()
	const xcxzf = ref()

	const xcjcxdtry = () => {
		uni.setStorageSync("buzaitishi", true)
		ismxcx.value = false
	}
	if (uni.getStorageSync("buzaitishi")) {
		ismxcx.value = false
	}

	const yinmxd = () => {
		// 请在页面onLoad时初始化好下列函数并确保腾讯云账号信息已经设置
		// 开始识别
		speechRecognizerManager.OnRecognitionStart = (res) => { // 表示链接建立成功，收到此回调才能调用stop方法关闭录音和识别链接
			console.log('开始识别', res);
		}
		// 一句话开始
		speechRecognizerManager.OnSentenceBegin = (res) => {
			console.log('一句话开始', res)
		}
		// 识别变化时
		speechRecognizerManager.OnRecognitionResultChange = (res) => {
			console.log('识别变化时', res.result.voice_text_str)
			jxcxfet.value = res.result.voice_text_str
		}
		// 一句话结束
		speechRecognizerManager.OnSentenceEnd = (res) => {
			console.log('一句话结束', res)
		}
		// 识别结束
		speechRecognizerManager.OnRecognitionComplete = (res) => {
			console.log('识别结束', res);
		}
		// 识别错误
		speechRecognizerManager.OnError = (res) => {
			// code为6001时，国内站用户请检查是否使用境外代理，如果使用请关闭。境外调用需开通国际站服务
			console.log('识别失败', res);
		}
		// 录音结束（最长10分钟）时回调
		speechRecognizerManager.OnRecorderStop = (res) => {

			inmxcxfdf()
			console.log('录音结束', res);
		}
	}



	const kmcxdfr = () => {
		if(indexdfdr.value==3){
			uni.showToast({
				title:'暂不支持阶级任务',
				icon:'none'
			})
			return
		}
		kxcdfrt.value = true
		const params = {
			// 用户参数
			secretid: 'AKID97qLcfl0JL8fy3uWv62jGZeU5S5WalbC',
			secretkey: 'VCgv1sUs11mKdhX8VeicHitqZ5PVMzOY',
			appid: '1251133427',  // 腾讯云账号appid（非微信appid）
			engine_model_type: '16k_zh',
			voice_format: 1, // 1 为 pcm, 8为 mp3, 目前仅支持mp3和pcm
		};

		speechRecognizerManager.start(params);

		uni.showToast({
			title: "例如：2小时后提醒我开会（一定要加上时间哦）",
			icon: "none",
			duration: 5000
		})
		uni.vibrateLong({
			success: function () {
				console.log('振动成功');
			},
			fail: function () {
				console.log('振动失败');
			}
		});
	}
	const xcxtrtedf = () => {
		kxcdfrt.value = false
		speechRecognizerManager.stop();
	}
	let kxcrt = false
	const inmxcxfdf = async () => {

		if (!jxcxfet.value) {
			return
		}
		kxcrt = true
		uni.showLoading({
			title: "识别中..."
		})
		setTimeout(a => {
			if (kxcrt) {
				kxcrt = false
				uni.hideLoading()
			}
		}, 5000)
		const { data } = await dxrequest("maya/api/chatGpt", {
			text: jxcxfet.value
		})
		uni.hideLoading()
		if (!data.msgtext) {
			uni.showToast({
				title: "无法识别",
				icon: "error"
			})
			return
		}
		// indexdfdr.value = 0
		await addresf(jxcxfet.value, data.msgtext)

		if (jxcxfet.value && !uni.getStorageSync("buzaitishi")) {
			ismxcx.value = true
		}
		jxcxdfdt()
		jxczxre()
		jxcxfet.value = ""
		console.log(data.msgtext)
	}
	const deksdftr = (idx, id) => {
		uni.showModal({
			title: "温馨提示！",
			content: "确认删除吗？",
			async success({ confirm }) {
				if (confirm) {
					await dxrequest("maya/renwu/renwu?id=" + id, "", "delete")
					jxcxfty.value.splice(idx, 1)
				}
			}
		})
	}
	const xcjsadare = (sd, idx) => {
		uni.showModal({
			title: "温馨提示！",
			content: "确认删除吗？",
			async success({ confirm }) {
				if (confirm) {
					await dxrequest("maya/api/hjjsjdd", { id: sd.id }, 'post')
					jxczsdf.value.splice(idx, 1)
				}
			}
		})
	}
	let xcret = {
		title: '我创建了一个提醒',
		path: '/pages/renwu/list',
		imageUrl: "https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/yx/yuyue/xqw/2477278499.png"
	}
	onShareAppMessage((res) => {
		if (res.from === 'button') {// 来自页面内分享按钮
			const obj = res.target
			xcret = {
				title: obj.dataset.title,
				path: '/pages/renwu/shijiantix?id=' + obj.id,
				imageUrl: "https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/yx/yuyue/xqw/2477278499.png"
			}
		}

		return xcret
	})


	const getpzxfg = async () => {
		const { data } = await dxrequest("maya/api/getzidian", { id: "365,366,367" })
		jcxcdf.value = {
			ddsfsa: data[0],
			ddsfsb: data[1],
			ddsfsc: data[2]
		}
	}
	getpzxfg()
	const jxcxdfdt = async () => {
		const { data } = await dxrequest("maya/api/getUserInfo")
		if (!data.nickname) {
			uni.showModal({
				title: "温馨提示",
				content: "为了更好的体验，请设置头像 和昵称！",
				success({ confirm }) {
					if (confirm) {
						hf('userInfo')
					}
				}
			})
		}
	}
	const addresf = async (title, djssjc) => {
		const data = await dxrequest("maya/renwu/renwu", {
			title,
			djssjc,
			renwulx: indexdfdr.value + 1

		}, "post")
	}
	const jxczxre = async () => {
		uni.showLoading({
			title: "加载中..."
		})
		const { data } = await dxrequest("maya/renwu/renwu", {
			page: 1,
			pageSize: 999,
			renwulx: indexdfdr.value + 1
		})
		jxcfdf.value = true
		jxcxfty.value = data.data
		uni.hideLoading()
	}
	const xcxzfdfdf = (idx) => {
		indexdfdr.value = idx
		jxczxre()
	}
	const jxcxzfd = async (retsd) => {
		console.log(retsd)

		uni.showModal({
			title: "赢积分翻倍机会!",
			content: "晒出完成任务的感想，积分翻倍。任务积分可以获得意想不到的幸运机会哦!",
			confirmText: "晒任务",
			cancelText: "任务完成",
			async success({ confirm }) {
				await dxrequest("maya/renwu/renwu", { id: retsd.id, iswanc: 2 }, "put")
				await dxrequest("maya/api/wancser", retsd, "post")
				retsd.iswanc = 2
				if (confirm) {
					hf('srw?id=' + retsd.id + '&jifen=' + retsd.jifen)
				}
			}
		})
	}

	const jxcxzfdxert = async (retsd) => {
		uni.showModal({
			title: "赢积分翻倍机会!",
			content: "晒出完成任务的感想，积分翻倍。任务积分可以获得意想不到的幸运机会哦!",
			confirmText: "晒任务",
			cancelText: "任务完成",
			async success({ confirm }) {
				await dxrequest('maya/api/wandajsd', { id: retsd.id, tdid: retsd.value, zirenwu: retsd.zirenwu }, 'post')
				kkxczfdas()
				await dxrequest("maya/api/jieduanwancser", retsd, "post")
				// retsd.iswanc = 2
				if (confirm) {
					hf('srw?id=' + retsd.id + '&jifen=' + retsd.jifen)
				}
			}
		})
	}

const qingshertwe =()=>{
	uni.clearStorage()
}
	let kcxrty = 0
	onLoad(async (data) => {
		// uni.showToast({
		// 	icon:"none",
		// 	title:data.token
		// })
		await wxlogin()
		if (!iscftt) {
			addJifesd()
			xcxzryrter.value = true
			iscftt = setCacheData("renwu", true)
			setTimeout(a => {
				animation.height(300).step()
				animationData.value = animation.export()
				animationer.scale(1).step()
				animationDataer.value = animationer.export()
				setTimeout(a => {
					innerAudioContext.play()//开始播放
				}, 1000)
			}, 500)
		}else{
			isdjjsd()
		}
		
		
		let token = data.token
		if(!token){
			uni.showToast({
				title:'token为空',
				icon:"none"
			})
			return
		}
		await dxrequest("maya/api/gheysddf", { token: token })
		jxczxre()
		ghexdfxcr()
		yinmxd()
		kcxrty = 2
		kkxczfdas()
	})
	const kkxczfdas = async () => {
		const { data } = await dxrequest('maya/api/ghetysd')
		console.log(data)
		jxczsdf.value = data
	}

	onShow(async () => {
		if (kcxrty == 2) {
			jxczxre()
		}
		const token = uni.getStorageSync("token")
		if (token) {
			kkxczfdas()
			// if (iscftt) {
			// 	isdjjsd()
			// }

		}
	})
	onPullDownRefresh(async () => {
		await wxlogin()
		await jxczxre()
		await getpzxfg()
		await isdjjsd()
		uni.stopPullDownRefresh();
	})
	//kai1111111111
	const jxxff = async () => {
		uni.showLoading({
			title: "加载中..."
		})
		const { data } = await dxrequest("maya/api/sjkkxcfd")
		xcxzryrter.value = false
		jxczxre()
		isdjjsd()
		uni.hideLoading()
	}

	const ghexdfxcr = async () => {
		const { data } = await dxrequest("maya/api/getcreateQr")
		uni.setStorageSync("gzhqc", data.qrUrl)
		gzhqc.value = data.qrUrl
	}


	const closefun = () => {
		kxzcdfds.value = false
		indexdfdr.value = 3
		kkxczfdas()
	}
</script>

<style scoped>
	.njjnxcfesrttt {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(153deg, #FFE08C 9%, #FF9860 26%, #FBDAA2 58%, #DC1C1C 80%, #340000 99%);
	}

	.dfdxcxztrtrt {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(1, 1fr);
		grid-column-gap: 14rpx;
		grid-row-gap: 14rpx
	}

	.jxcxztrty {
		border-radius: 70px;
		opacity: 1;
		background: #FFFFFF;
		height: 88rpx;
	}

	.jxcxztrty.act {
		background: linear-gradient(127deg, #FFE226 11%, #FF2626 47%, #630000 113%);
		color: #fff;
	}

	.kkxcxzcrttye {
		border-radius: 40rpx;
		background: #FFFFFF;
	}

	.kxcxrtrtxrt {
		width: 10rpx;
		height: 10rpx;
		background: linear-gradient(0deg, #F12828, #F12828), #D50C0C;
		border-radius: 50%;
		display: inline-block;
	}

	.jjnxcxdtycx {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		padding-bottom: 40rpx;

	}

	.kmxcxtrxcfyu {
		width: 110rpx;
		height: 110rpx;
		background: #fff;
		border-radius: 50%;

	}

	.kmxcxtrxcfyu.ab {
		width: 160rpx;
		height: 160rpx;
	}

	.kxczxcrtzxdrt {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;

	}

	.xcxzctexcrtyy {
		width: 600rpx;
		height: 600rpx;
		background: #D50C0C;
		border-radius: 40rpx;
		box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.5);
		position: relative;
		margin-top: 230rpx;
	}

	.kmxcxtrxcfyu.act {
		/* 	background: linear-gradient(152deg, #C46BFF 2%, #D50C0C 72%); */
		background: linear-gradient(127deg, #FFE226 11%, #FF2626 47%, #630000 113%);
	}

	.kmxcxtrxcfyu.act text {
		color: #fff !important;
	}

	.xzczrtrryty {
		width: 0;
		height: 0;
		border-left: 50rpx solid transparent;
		border-right: 50rpx solid transparent;
		border-top: 50rpx solid #D50C0C;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -44rpx;

	}

	.xccxcdftyrt {
		transform: scale(0.7);
		position: absolute;
		right: -20rpx;
		top: -10rpx;
	}

	.xcxzctretcty {
		width: 400rpx;
	}

	.dfdsfsxcrty {
		height: 1000rpx;
		overflow: auto;
	}

	.xccxertrtyyy {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		opacity: 0;
	}

	.kxzczxctrtxr {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 9999;
		opacity: 0;
	}

	.xcxdfrtrt {
		opacity: 1;
	}

	.kxzczxctrtxr.act {
		width: 1rpx;
		height: 1rpx;
		left: -10rpx;
		top: -10rpx;
		overflow: hidden;
	}

	.cxcxxrtyxert {
		width: 600rpx;
		padding-top: 80rpx;
		background: linear-gradient(164deg, #FFB151 2%, #FF2626 41%, #600101 85%);
		border-radius: 40rpx;
		min-height: 300rpx;
	}

	.xcxzcxcrtzxewr {
		position: absolute;
		left: 0;
		top: -110rpx;
		width: 100%;
		z-index: 9;
	}

	.xcxtryydsrft {
		position: absolute;
		left: -20rpx;
		width: 640rpx;
		bottom: -20rpx;
		height: 220rpx;
		z-index: 11;

	}

	.cctrrxcfeyy {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-bottom: 100rpx;
		z-index: 10;
		transform: scale(0);
	}

	.xcxzcfftreyrt {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.xcxzcrtrexrt {
		position: absolute;
		width: 640rpx;
		height: 100rpx;
		border-radius: 26rpx;
		background: linear-gradient(0deg, #600101 83%, #FF2626 116%);
		bottom: 120rpx;

		left: -20rpx;
	}

	.xcxcrtxzrt {
		width: 160rpx;
		height: 160rpx;
		margin-top: 10rpx;


	}

	.kxcxrtyryxfty {
		background: #fff;
		height: 100rpx;
		border-radius: 40rpx 40rpx 0 0;
		position: relative;
		z-index: 10;
		overflow: hidden;
	}

	.xcxztrxcrt {
		border-radius: 20rpx;
		background: #FFEFEF;
		padding: 20rpx;
	}

	.dfdcxcgdf {
		width: 300rpx;
		height: 88rpx;
		border-radius: 140rpx;
		background: linear-gradient(129deg, #FFB151 9%, #FF2626 39%, #600101 72%), #FFFFFF;
		transform: scale(0);
	}

	.xcxzcrtexcty {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		background: rgba(0, 0, 0, 0.5);
	}

	.lxczxrtrxfdty {
		width: 100%;
		background: #fff;
		border-radius: 20rpx 20rpx 0px 0px;
	}

	.xczxctrtexctt {
		width: 300rpx;
		height: 300rpx;
	}

	.xcxcretrty {
		position: absolute;
		left: -100rpx;
		top: 0;
		width: 100rpx;
		height: 50rpx;
		opacity: 0;
		z-index: 999;
		background: red;
	}

	.ddcxretrt {
		position: fixed;
		left: 0;
		bottom: 200rpx;
		z-index: 999;
	}

	.cvxcvgytryrcv {
		height: 160rpx;
		border-radius: 40rpx;
		opacity: 1;
		background: #FFFFFF;
		margin-top: 20rpx;
	}

	.xzczxcretrec {
		position: fixed;
		right: 20rpx;
		bottom: 400rpx;
		z-index: 999;
	}

	.dfxcvxvxretrt {
		width: 80rpx;
		height: 80rpx;
		opacity: 1;
		border-radius: 50%;
		background: #FFFFFF;
		box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
	}

	.xczxcfxcgtyty {
		display: inline-block;
		border-radius: 40rpx;
		opacity: 1;
		padding: 4rpx 20rpx;
		color: #fff;
		background: linear-gradient(117deg, #FFB545 0%, #FF0000 54%), #D8D8D8;
	}
	.fsdfdstxer{
		min-height: 40rpx;
		
	}
</style>